
/*
这是每个都组件都应该引用的部分
*/
.aoyou-slider { position: relative; text-align: left; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 100%; background: #e6e6e6; }
.aoyou-slider .aoyou-helper-hidden-accessible { position: absolute; height: 1px; width: 1px; overflow: hidden; border: 0 none; margin: -1px; padding: 0; clip: rect(0px 0px 0px 0px); }
.aoyou-slider .aoyou-corner-all { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.aoyou-slider .aoyou-slider-handle { position: absolute; display: block; cursor: default; height: 14px; width: 14px; line-height: 0px; z-index: 2; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; font-size: 0px; background: #999999; }
.aoyou-slider .aoyou-slider-handle.aoyou-state-hover { background: #82aadb; }
.aoyou-slider .aoyou-slider-handle.aoyou-state-active, .aoyou-slider .aoyou-slider-handle.aoyou-state-focus { background: #22dddd; }
.aoyou-slider .aoyou-slider-range { position: absolute; display: block; z-index: 1; line-height: 0px; border: 0 none; font-size: 0px; background: #afd9fc; }
.aoyou-slider.aoyou-slider-vertical { height: 100px; width: 8px; }
.aoyou-slider.aoyou-slider-vertical .aoyou-slider-handle { left: -3px; margin-bottom: -7px; margin-left: 0; margin-top: -7px; }
.aoyou-slider.aoyou-slider-vertical .aoyou-slider-range { left: 0; width: 100%; }
.aoyou-slider.aoyou-slider-vertical .aoyou-slider-range.aoyou-slider-range-min { bottom: 0; }
.aoyou-slider.aoyou-slider-vertical .aoyou-slider-range.aoyou-slider-range-max { top: 0; }
.aoyou-slider.aoyou-slider-horizontal { height: 8px; }
.aoyou-slider.aoyou-slider-horizontal .aoyou-slider-handle { margin-left: -7px; top: -3px; }
.aoyou-slider.aoyou-slider-horizontal .aoyou-slider-range { height: 100%; top: 0; }
.aoyou-slider.aoyou-slider-horizontal .aoyou-slider-range.aoyou-slider-range-min { left: 0; }
.aoyou-slider.aoyou-slider-horizontal .aoyou-slider-range.aoyou-slider-range-max { right: 0; }
.aoyou-slider.aoyou-state-disabled .aoyou-slider-handle, .aoyou-slider.aoyou-state-disabled .aoyou-slider-range { background: #ccc; }
